/**custom**/

@tree-prefix-cls: ~"@{css-prefix}tree";

.@{tree-prefix-cls} {
  user-select: none;
  .child-node {
    padding-left: 46px;
    line-height: 40px;
    cursor: pointer;
    .node-content {
      width: 100%;
      position: relative;
      display: inline-block;
      padding-left: 22px;
      .icon {
        position: absolute;
        left: 0px;
        &-expand {
          color: @normal-color;
        }
        &-unexpand {
          color: @unimportance-color;
        }
      }
      .inner-wrap {
        padding-left: 2px;
        display: flex;
        align-items: center;
        border-radius: @border-radius-small;
        border: 1px solid transparent;
      }
      .drop-wrap {
        border-color: @primary-color;
      }
      .drop-inner {
        border-bottom: 1px solid @primary-color;
      }
    }
    .active-li {
      .inner-wrap {
        background: @background-color-base;
      }
    }
    .inset {
      cursor: move;
    }
    .disabled {
      cursor: no-drop;
    }
  }
  .add-node {
    cursor: pointer;
  }
}